<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>微信进件</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache, must-revalidate">
    <meta http-equiv="Cache" content="no-cache">

    <link rel="stylesheet" href="/sui/css/sm.min.css">
    <link rel="stylesheet" href="/sui/css/sm-extend.min.css">
    <link rel="stylesheet" href="/css/agency/enterprise/wechat_mch_info.css">
    <style>
        .login-screen, .popup{
            width: 10rem;
            height: 12rem;
            left: 50%;
            top: 50%;
            margin-top: -7.5rem;
            margin-left: -5.5rem;
            padding: 0.5rem;
            box-sizing: border-box;
        }
        #qrcode img{
            width: 100%;
            height: 100%;
        }
        .contacts input{
            background: none;
        }
    </style>
</head>
<body>

<div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page">
        <header class="bar bar-nav" >
            <a href="#" onclick="window.history.back(); return false;" class="external button button-link button-nav pull-left">
                <span class="icon icon-left"></span>
                返回
            </a>
        </header>
        <div class="content">
            <!--微信支付配置开始-->
            <form class="WeChat_form">
                <input type="hidden" id="id" name="id" th:value="${enterpriseInfo.id}"/>
                <!-- 微信支付配置类容开始-->
                <div class="contacts public">
                    <div>
                        <label style="font-size: 20px; font-weight: 500;color: #0a8ddf">微信支付配置</label>
                    </div>
                    <div>
                        <label>结算费率:</label>
                        <input type="text" name="wxFinalRate" placeholder="输入结算费率" th:value="${enterpriseInfo.wxFinalRate}"/>
                    </div>
                    <div>
                        <label>补贴比例(默认填0):</label>
                        <input type="text" name="wxSubsidyRate" placeholder="输入补贴比例" th:value="${enterpriseInfo.wxSubsidyRate}"/>
                    </div>
                    <div>
                        <label>商户号:</label>
                        <input type="text" name="wxSubMchId" placeholder="输入商户号" th:value="${enterpriseInfo.wxSubMchId}"/>
                    </div>
                    <div>
                        <label>公众号(非必填):</label>
                        <input type="text" name="wxSubAppId" placeholder="输入公众号" th:value="${enterpriseInfo.wxSubAppId}"/>
                    </div>
                </div>
                <!-- 微信支付配置类容结束-->

                <!--配置提交开始-->
                <div class="submission" style="padding: 0.5rem 0">
                    <span class="temporary_storage" style="width: 90%;background: #0894ec" sec:authorize="hasAnyRole('AGENCY_MANAGER')" th:if="${enterpriseInfo.wxSubMchId ==null || enterpriseInfo.wxSubMchId ==''}">提交</span>
                </div>
                <!--配置提交结束-->
            </form>
            <!--微信支付配置结束-->


            <!--支付宝配置开始-->
            <form class="Alipay_form">
                <input type="hidden"  name="id" th:value="${enterpriseInfo.id}"/>
                <!-- 支付宝配置类容开始-->
                <div class="contacts public">
                    <div>
                        <label style="font-size: 20px; font-weight: 500;color: #0a8ddf">支付宝配置</label>
                    </div>
                    <div>
                        <label>结算费率:</label>
                        <input type="text" name="aliFinalRate" disabled placeholder="结算费率" th:value="${enterpriseInfo.aliFinalRate}"/>
                    </div>
                    <div>
                        <label>补贴比例(默认填0):</label>
                        <input type="text" name="aliSubsidyRate" disabled placeholder="补贴比例" th:value="${enterpriseInfo.aliSubsidyRate}"/>
                    </div>
                    <div>
                        <label>用户标识:</label>
                        <input type="text" name="aliUserId" disabled placeholder="用户标识" th:value="${enterpriseInfo.aliUserId}"/>
                    </div>
                </div>
                <!-- 支付宝配置类容结束-->
                <input type="hidden" style="width: 500px;" id="aliCallBackUrl" th:value="${enterpriseInfo.aliCallBackUrl}" >
                <!--配置提交开始-->
                <div class="submission" style="padding: 1rem 0">
                    <span class="preservation open-ewCode" style="width: 90%;background: #0894ec" th:if="${enterpriseInfo.aliUserId ==null || enterpriseInfo.aliUserId ==''}">
                        获取支付宝授权码
                    </span>
                </div>
                <!--配置提交结束-->
            </form>
            <!--支付宝配置结束-->
        </div>
    </div>
    <!--二维码的弹出页-->
    <div class="popup popup-ewCode">
        <span style="display:block;color: red;text-align: center">请用商家支付宝扫码 勿重扫</span>

        <!-- 二维码的盒子-->
        <div id="qrcode" class="close-popup"></div>
        <span style="display: block;width: 100%;text-align: center">点击二维码关闭</span>
    </div>

    <script type='text/javascript' src='/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/sui/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/sui/js/sm-extend.min.js' charset='utf-8'></script>
    <script type="text/javascript" src="/js/util/qrcode.js"></script>
    <script type="text/javascript" src="/js/enterprise/configure.js"></script>

</div>

</body>
</html>

